<template>
  <view class="no-data">
    <view v-if="isAddPermission" class="iconfont icon-xinzengjihua no-data-icon" @tap="$emit('addPageSkip')" />
    <view v-else> 暂无数据 </view>
  </view>
</template>
<script setup lang="ts">
defineProps({
  // 是否有对应新增权限
  isAddPermission: {
    type: Boolean,
    default: true
  }
});
const $emit = defineEmits(["addPageSkip"]);
</script>
<style lang="scss" scoped>
@import "@/styles/flex-init.scss";
.no-data {
  @extend .f-center;
  width: 100%;
  height: calc(100vh - 100px);
  color: var(--placeholder-color);
  .no-data-icon {
    font-size: 80px;
    color: var(--primary);
  }
}
</style>
